@charset "utf-8";
.pc .fArea { padding: 40px 0 0; }

.pc .about { padding: 10px 10px 20px; background: #fff; border: 1px solid #dadada; }
.pc .about .hd { position: relative; height: 30px; border-bottom: 1px solid #dadada;  text-transform: uppercase;  }
.pc .about .hd h2 { font-size: 16px; color: #017ccd; }
.pc .about .hd h2 em { padding-left: 5px; font-size: 12px; color: #777; font-weight: normal; }
.pc .about .hd .more { position: absolute; top: 5px; right: 5px; }
.pc .about .hd .more a { font-size: 12px; color: #017ccd;}
.pc .about .bd { padding: 15px 6px 0; }
.pc .about .bd .pic { float: left; width: 328px; height: 245px; }
.pc .about .bd .info { float: right; width: 803px; }
.pc .about .bd .info h2 { height: 58px; line-height: 40px; font-size: 24px; color: #017ccd; }
.pc .about .bd .info h2 em { padding-left: 5px; font-weight: normal; font-size: 16px; color: #000; }
.pc .about .bd .info .txt { font-size: 14px; line-height: 30px; color: #777; }

.pc .sArea { padding: 35px 0 47px 0; }
.pc .sArea .sub { float: left; width: 285px; padding: 0 10px; height: 320px; margin-right: 16px; background: #fff; border: 1px solid #dedede; }
.pc .sArea .main { float: left; width: 527px; padding: 0 10px; height: 320px; background: #fff; border: 1px solid #dedede; }
.pc .sArea .extra { float: right; width: 292px; padding: 0 10px;  height: 320px; background: #fff; border: 1px solid #dedede; }

.pc .hTitle .hd { position: relative; height: 30px; border-bottom: 1px solid #dadada;  text-transform: uppercase;  }
.pc .hTitle .hd h2 { font-size: 16px; color: #017ccd; }
.pc .hTitle .hd h2 em { padding-left: 5px; font-size: 12px; color: #777; font-weight: normal; }
.pc .hTitle .hd .more { position: absolute; top: 5px; right: 5px; }
.pc .hTitle .hd .more a { font-size: 12px; color: #777; }

.pc .fast { padding: 10px 0 0; }
.pc .fast .bd {}

.pc .list_01 { padding-top: 20px; }
.pc .list_01 li { float: left; width: 50%; margin-bottom: 16px; text-align: center; }
.pc .list_01 li a { display: block;  width: 100%; height: 118px; text-align: center; }
.pc .list_01 li a .pic { width: 60px; height: 60px; margin: 0 auto; }
.pc .list_01 li a .pic i { display: table-cell; vertical-align: middle; border-radius: 50%; background: #c1c1c1; width: 60px; height: 60px; text-align: center; }
.pc .list_01 li a .name { height: 35px; line-height: 35px; color: #333; font-size: 14px; }
.pc .list_01 li a .txt { color: #777; font-size: 12px; }
.pc .list_01 li a:hover .pic i { background: #0270cd; }
.pc .list_01 li a:hover .name { color: #0270cd; }

.pc .news { padding: 10px 0 0; }
.pc .news .bd { padding: 19px 0 0; }
.pc .news .tab_tit {}
.pc .news .tab_tit li { float: left; }
.pc .news .tab_tit li a {display: inline-block; font-size: 14px; color: #333; padding: 7px 14px;}
.pc .news .tab_tit li:hover ,.pc .news .tab_tit li.on  { position: relative; background: #0270cd; color: #fff; }
.pc .news .tab_tit li:hover:before ,.pc .news .tab_tit li.on:before  { position: absolute;  content: ""; left:50%; margin-left: -5px; bottom: -10px;  border:5px solid transparent;  border-width:5px 7px;  border-top-color:#0270cd;   background:transparent; }

.pc .news .tab_tit li:hover a,.pc .news .tab_tit li.on a{color:#fff;}
.pc .news .pic { float: right; width: 202px; height: 208px; }
.pc .list_02 { float: left; width: 306px; padding-top: 16px; }
.pc .list_02 li { padding-top: 7px; height: 30px; border-bottom: 1px dashed #cacaca; }
.pc .list_02 li a { color: #333; font-size: 14px; }
.pc .list_02 li span { float: right; font-size: 12px; color: #777; line-height: 25px; }

.pc .contact {padding: 10px 0 0;}
.pc .contact .bd { padding:19px 0 0; }
.pc .contact .pic { padding-left: 5px;}
.pc .contact .txt { padding: 5px 0 0 8px; line-height: 30px; color: #333; }
.pc .contact .txt em { vertical-align: middle; padding-left: 6px; font-size: 14px; }



















